// Common
$--line-height-default: 1.5 !default;
$--box-shadow-default: 0 2px 4px rgba(0, 0, 0, 0.12),
  0 0 6px rgba(0, 0, 0, 0.04) !default;
$--message-z-index: 3001 !default;
$--dialog-z-index: 2001 !default;
$--popover-z-index: 1000 !default;
$--loading-z-index: 2000 !default;
$--back-top-z-index: 1999 !default;
$--color-title-a: #515a6e;
$--opacity-disabled: 0.4;
// Color
$--color-default: #515a6e !default;
$--color-primary: #1890ff !default;
$--color-danger: #ed4014 !default;
$--color-warning: #f8ac59 !default;
$--color-success: #19be6b !default;
$--color-info: #999 !default;
$--color-white: #ffffff !default;
$--color-black: #000000 !default;
$--background-color-base: #f4f4f5 !default; //f5f7fa
$--background-color-disabled: #f7f7f7 !default;
$--background-color-hover: mix($--color-white, $--color-primary, 90%) !default;
// dropdown
$--dropdown-item-padding-vertical: 8px !default;
$--dropdown-item-padding-horizontal: 16px !default;
// Height
$--height-mini: 24px !default;
$--height-small: 28px !default;
$--height-default: 40px !default;
$--height-large: 44px !default;

/*-----font-----*/
$--font-size-default: 14px !default;
$--font-size-small: 12px !default;
$--font-size-mini: 10px !default;
$--font-size-large: 16px !default;
$--font-size-title: 16px !default;
$--font-path: './fonts' !default;
$--font-family: 'iconfont' !default;
$--sm: 576px !default;
$--md: 768px !default;
$--lg: 992px !default;
$--xl: 1200px !default;
$--xxl: 1920px !default;
$--media-points: (
  'xs': (
    max-width: $--sm - 1,
  ),
  'sm': (
    min-width: $--sm,
  ),
  'md': (
    min-width: $--md,
  ),
  'lg': (
    min-width: $--lg,
  ),
  'xl': (
    min-width: $--xl,
  ),
  'xxl': (
    min-width: $--xxl,
  ),
);
// card
// $--card-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2) !default;
$--card-box-shadow: 1px 1px 10px 2px #eee !default;
$--card-padding-vertical: 12px !default;
$--card-padding-horizontal: 18px !default;
$--popover-arrow-border-width: 5px !default;
$--popover-min-width: 150px !default;
$--tooltip-background-color-default: rgba(42, 44, 49, 0.85) !default;
$--tooltip-box-shadow: $--box-shadow-default;

// text-color
$--color-text-default: #515a6e !default;
$--color-text-placeholder: #c0c4cc !default;
$--color-text-disabled: #dcdee2 !default;
$--color-text-icon: #808695 !default;
$--color-text-des: #808695 !default;
$--color-text-title: #17233d !default;
$--color-text-empty: #999999 !default;

// border-color
$--border-color-default: #e9e9eb !default;
$--border-color-disabled: #e8e8e8 !default;
$--border-color-primary: $--color-primary !default;
$--border-color-danger: $--color-danger !default;
$--border-color-warning: $--color-warning !default;
$--border-color-success: $--color-success !default;
$--border-color-info: $--color-info !default;
// border
$--border-width-default: 1px !default;
$--border-style-default: solid !default;
$--border-radius-default: 4px !default;
$--border-radius-circle: 100% !default;
$--border-default: $--border-width-default $--border-style-default
  $--border-color-default !default;
// font
$--font-size-default: 14px !default;
$--font-size-small: 12px !default;
$--font-size-mini: 10px !default;
$--font-size-large: 16px !default;
$--font-size-title: 16px !default;
// animation
$--animation-time: 0.3s;

// alter
$--alter-padding-vertical: 8px !default;
$--alter-padding-horizontal: 16px !default;
$--alter-padding-with-icon-horizontal: 38px !default;
$--alter-padding-with-icon-description-horizontal: 69px !default;
// button
$--button-padding-horizontal-default: 15px !default;
$--button-padding-horizontal-small: 10px !default;
$--button-padding-horizontal-mini: 10px !default;
$--button-padding-horizontal-large: 18px !default;
$--button-border-color-default: $--border-color-default !default;
$--button-border-color-primary: $--border-color-primary !default;
$--button-border-color-danger: $--border-color-danger !default;
$--button-border-color-warning: $--border-color-warning !default;
$--button-border-color-success: $--border-color-success !default;
$--button-border-color-info: $--border-color-info !default;
$--button-font-color-text: $--color-primary !default;
$--button-hover-percent: 20% !default;
$--button-active-percent: 10% !default;
// message
$--message-icon-font-size: 24px !default;
$--message-vertical-padding: 12px !default;
$--message-horizontal-padding: 20px !default;
// backtop
$--backtop-background-color: $--color-white !default;
$--backtop-font-color: $--color-primary !default;
$--backtop-hover-background-color: $--background-color-hover !default;
// tag
$--tag-font-color-default: $--color-text-default !default;
$--tag-border-color-default: $--border-color-default !default;
$--tag-background-color-default: $--background-color-base !default;
$--tag-hover-opacity: 0.85 !default;

$--tag-font-size-mini: 10px !default;
$--tag-height-mini: 20px !default;
$--tag-padding-horizontal-mini: 4px !default;

$--tag-font-size-small: 12px !default;
$--tag-height-small: 24px !default;
$--tag-padding-horizontal-small: 4px !default;

$--tag-font-size-default: 12px !default;
$--tag-height-default: 28px !default;
$--tag-padding-horizontal-default: 6px !default;

$--tag-font-size-large: 14px !default;
$--tag-height-large: 32px !default;
$--tag-padding-horizontal-large: 10px !default;

//input
$--input-background-color-append-prepend: $--background-color-base !default;
$--input-suffix-width: 36px !default;

$--input-padding-vertical-default: 5px !default;
$--input-padding-horizontal-default: 8px !default;

$--input-padding-vertical-mini: 2px !default;
$--input-padding-horizontal-mini: 4px !default;

$--input-padding-vertical-small: 4px !default;
$--input-padding-horizontal-small: 5px !default;

$--input-padding-vertical-large: 6px !default;
$--input-padding-horizontal-large: 10px !default;

// select
$--select-option-text-color: $--color-text-default !default;
$--select-option-padding-right-mutiple: 36px !default;
$--select-option-font-size: $--font-size-default !default;
$--select-drop-down-max-height: 200px !default;
$--select-suffix-width: $--input-suffix-width !default;

// date-picker
$--date-picker-em-width-default: 30px !default;
$--date-picker-pane-padding: 10px !default;
$--date-picker-pane-margin: 2px !default;
$--date-picker-no-now-month-color: $--color-text-placeholder !default;
